<?php
/**
 * Template Name: Tips Menulis
 *
 * @GramediaWritingProject
 * @version 1.0
 * @Epifana & Vincentia
 */
 ?>
<?php
get_header(); 
 $paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1; 
	$args = ( array( 
        'post_type' => 'tipsmenulis',
		'post_status'=>'publish',
		'orderby' => 'post_date',
		'order' => 'DESC',
		'paged' => $paged,
		'posts_per_page' => 20) 
    ); 
	//$query = new WP_Query( 'cat=13');
	
	$my_query = null;
	$my_query = new WP_Query($args);
?>  <div class="alert alert-success" role="alert">
	<center><h2><strong>Tips-tips Menulis</strong></h2></center>
	<br/>
    <div class="view">
		<div id="panel-603768" class="panel-group">
		<?php 
		$i = 0;
		if( $my_query->have_posts() ) { ?>
 
		<?php	while ($my_query->have_posts()) : $my_query->the_post(); ?>
			
		<!--	<div class="panel panel-default">-->
			<div class="fonttggwp">
				<div class="panel-heading" style="border-bottom:solid 1px green" >
					<span class="glyphicon glyphicon-bullhorn" style="font-size:22px; color:red;"></span>&nbsp;<a onmouseover="this.style.cursor='pointer'" class="panel-title tips1" contenteditable="true" href="#<?php echo $i;?>" data-parent="#panel-603768" data-toggle="collapse"><?php the_title(); ?> </a>
				</div>
				<div id="<?php echo $i;?>" class="panel-collapse collapse">
					<div class="panel-body" contenteditable="false" style="border-bottom:solid 1px green; padding:10px">
					<?php the_content(); ?>
					<!--<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6> -->
					</div>
				</div>
			</div>
			<!--</div>--><?php $i= $i+1;
			endwhile; }?>
			</div>
		<!--	<div class="panel panel-default">
				<div class="panel-heading">
					<span class="glyphicon glyphicon-bullhorn" style="font-size:22px; color:red;"></span>&nbsp<a class="panel-title tips1" contenteditable="true" href="#kedua" data-parent="#panel-603768" data-toggle="collapse"> Collapsible Group Item #2 </a>
				</div>
				<div id="kedua" class="panel-collapse collapse">
					<div class="panel-body" contenteditable="true">
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
					</div>
				</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<span class="glyphicon glyphicon-bullhorn" style="font-size:22px; color:red;"></span>&nbsp<a class="panel-title tips1" contenteditable="true" href="#ketiga" data-parent="#panel-603768" data-toggle="collapse"> Collapsible Group Item #2 </a>
				</div>
				<div id="ketiga" class="panel-collapse collapse">
					<div class="panel-body" contenteditable="true">
						<div class="panel-body" contenteditable="true">
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
					</div>
					</div>
				</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<span class="glyphicon glyphicon-bullhorn" style="font-size:22px; color:red;"></span>&nbsp<a class="panel-title tips1" contenteditable="true" href="#keempat" data-parent="#panel-603768" data-toggle="collapse"> Collapsible Group Item #2 </a>
				</div>
				<div id="keempat" class="panel-collapse collapse">
					<div class="panel-body" contenteditable="true">
						<div class="panel-body" contenteditable="true">
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
					</div>
					</div>
				</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-heading">
					<span class="glyphicon glyphicon-bullhorn" style="font-size:22px; color:red;"></span>&nbsp<a class="panel-title tips1" contenteditable="true" href="#kelima" data-parent="#panel-603768" data-toggle="collapse"> Collapsible Group Item #2 </a>
				</div>
				<div id="kelima" class="panel-collapse collapse">
					<div class="panel-body" contenteditable="true">
						<div class="panel-body" contenteditable="true">
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
						<h6 class="fonttip"><span class="glyphicon glyphicon-paperclip"></span>&nbsp&nbsp&nbsp Allow sites using the WP Job Manager plugin to contact listings via their favorite form builder plugin. </h6>
					</div>
					</div>
				</div>
			</div> -->
		</div>
	</div>
	<?php wp_pagenavi(array('query'=>$my_query));	?>
    <br/>
    <!-- untuk footer -->
	<?php
get_footer();
?>